@import 'antd/es/style/themes/default.less';
.tab {
  line-height: 44px;

  position: relative;

  display: inline-block;

  margin-right: 32px;

  cursor: pointer;
  vertical-align: top;
  &:last-child {
    margin-right: 0;
  }
  &:hover {
    .tab-text {
      color: @link-color;
    }
    .tab-close {
      display: initial;
    }
  }
  &.active {
    .tab-text {

      color: @primary-color;
    }

    &::after {
      position: absolute;
      bottom: -1px;
      left: 0;

      width: 100%;
      height: 3px;

      content: '';

      background-color: @primary-color;
    }
  }
}

.tab-close {
  line-height: 14px;

  position: absolute;
  top: 6px;
  right: 2px;

  display: none;
  &:hover {
    color: @error-color;
  }
}

.tab-text {
  padding: 0 16px;
}